// Container 容器
//构造方法:

//Container({
//Key key,
//this.alignment,//内部widget对齐方式
//this.padding,//内边距
//Color color,//背景颜色，与decoration只能存在一个
//Decoration decoration,//背景装饰，与decoration只能存在一个
//this.foregroundDecoration//前景装饰,
//double width,//容器的宽
//double height,//容器的高
//BoxConstraints constraints//,
//this.margin,
//this.transform,
//this.child,
//})

// 容器参数说明:
//alignment: 内部Widget对齐方式，左上对齐topLeft、垂直顶部对齐，水平居中对齐topCenter、右上topRight、垂直居中水平左对齐centerLeft、居中对齐center、垂直居中水平又对齐centerRight、底部左对齐bottomLeft、底部居中对齐bottomCenter、底部右对齐bottomRight
//
//padding： 内间距，子Widget距Container的距离。
//
//color： 背景颜色
//
//decoration： 背景装饰
//
//foregroundDecoration： 前景装饰
//
//width：容器的宽
//
//height：容器的高
//
//constraints：容器宽高的约束，容器最终的宽高最终都要受到约束中定义的宽高影响
//
//margin：容器外部的间隔
//
//transform： Matrix4变换  Flutter默认也为了提供了多种常用的变换效果，如旋转、倾斜
//
//child：内部子Widget

//注意 color 和 decoration 不能同时存在

import 'package:flutter/material.dart';

class MyContainerDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build

    return Scaffold(
      appBar: AppBar(
        title: Text('Continaer'),
      ),
      body: Center(
        child: Container(
          width: 300.0,
          height: 300.0,
          color: Colors.red,
          alignment: Alignment.bottomRight,
          child: Container(
            child: Icon(
              Icons.android,
              color: Colors.orange,
            ),
            color: Colors.pink,
            width: 100.0,
            height: 100.0,
            alignment: Alignment.topLeft,
          ),
        ),
      ),
//      body: Container(
//        alignment: Alignment.bottomRight,
////        color: Colors.red,
//        width: 300.0,
//        height: 300.0,
//        child: Container(
//          width: 100.0,
//          height: 100.0,
//          alignment: Alignment.topLeft,
//          color: Colors.orange,
//          child: Icon(
//            Icons.android,
//            color: Colors.red,
//          ),
//        ),
////        margin: EdgeInsets.all(20.1),
////        padding: EdgeInsets.all(40.0),
//        decoration: BoxDecoration(
//          image: DecorationImage(
//            image:
//                NetworkImage("http://pic.58pic.com/00/94/40/02bOOOPIC2e.jpg"),
//          ),
//        ),
////        constraints: BoxConstraints.expand(height: 200.0),
////        transform: Matrix4.skewX(0.4),
//      ),
    );
  }
}
